<template>
	<div class="loginbigbox">
		<div class="loginTopbox">
			<p>注册</p>
			<div class="loginToptext">
				<p>
					<span>手机验证码登录</span>
				</p>
			</div>
		</div>
		<div class="loginContentbox">

		</div>
		<div class="loginBottombox">

		</div>
	</div>
</template>

<script>
	export default {
		setup() {


			return {

			}
		}

	}
</script>

<style scoped>
	.loginbigbox {
		width: 100%;
		height: 100vh;
		background-color: red;
	}

	.loginTopbox {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 185px;
		background: inherit;
		background-color: rgba(108, 99, 255, 1);
		box-sizing: border-box;
		border-width: 1px;
		border-style: solid;
		border-color: rgba(121, 121, 121, 1);
		border-radius: 0px;
		box-shadow: none;
	}
	.loginToptext{
		width: 175px;
		height: 29px;
		color:white;
		font-size:25px;
		font-weight: bold;
		padding-top:70px;
		padding-left:105px;
	}
	.loginContentbox{
		width:342px;
		height:292px;
		background:white;
		border-radius:10px ;
		z-index: 9999999;
		margin:0 auto;
		position: fixed;
		top:155px;
		left:25px;
	}
</style>